<!--
 * @Author: liu-tiezhu1 1471528799@qq.com
 * @Date: 2023-11-21 22:38:38
 * @LastEditors: liu-tiezhu1 1471528799@qq.com
 * @LastEditTime: 2023-11-24 10:37:44
 * @FilePath: \customer-relations\src\views\Message\Todo\tosochankan\zhuangTai\index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
    <el-timeline>
        <el-timeline-item placement="top" type="primary">
            <div class="shengPiren">
                <div class="shengpir">
                    <div>审批人</div>
                    <div>{{ props.data.signer }}</div>
                    <div>审批通过,跟王总沟通一下搜客户的礼品</div>
                </div>
                <div class="riqi">
                    <p>待审批</p>
                    <p>日期</p>
                </div>
            </div>

        </el-timeline-item>
        <el-timeline-item placement="top" type="primary">
            <div class="shengPiren">
                <div class="shengpir">
                    <div class="aaa">审批人</div>
                    <div>{{ props.data.customerName }}</div>
                    <div>审批通过,跟王总沟通一下搜客户的礼品</div>
                </div>
                <div class="riqi">
                    <p>待审批</p>
                    <p>日期</p>
                </div>
            </div>
        </el-timeline-item>
        <el-timeline-item placement="top" type="primary">
            <div class="shengPiren">
                <div class="shengpir">
                    <div>抄送人</div>
                    <div>{{ props.data.customerName }}</div>
                    <div>审批通过,跟王总沟通一下搜客户的礼品</div>
                </div>
                <div class="riqi">
                    <p>待审批</p>
                    <p>{{ props.data.expireDate }}</p>
                </div>
            </div>
        </el-timeline-item>
    </el-timeline>
</template>

<script setup lang="ts">

// import { MoreFilled } from '@element-plus/icons-vue'
interface IProps {
    data: {
        contractNumber: string;
        contractName: string;
        customerName: string;
        contractAmount: number;
        contractStatus: string;
        contractType: string;
        contractFile: string;
        relatedProduct: string;
        signer: string;
        signDate: string;
        expireDate: string;
        paymentMethod: string;
        advancePayment: number;
        note: string;
    };
}

const props = defineProps<IProps>()








</script>

<style lang="scss" scoped>
.el-timeline {
    margin-top: 5px;
    margin-left: 5px;
}

.shengPiren {
    height: 80px;
    display: flex;
    justify-content: space-between;

    .shengpir {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .riqi {
        margin-top: 35px;
        line-height: 25px;
    }
}
</style>